<template>
  <ul>
<!--    <li>ID:{{$route.params.id}}</li>
    <li>TITLE:{{$route.query.title}}</li>
    <li>CONTENT:{{$route.query.content}}</li>-->
<!-- 以上是对象形式传参 和布尔值   -->
    <li>ID:{{id}}</li>
    <li>TITLE:{{title}}</li>
    <li>CONTENT:{{content}}</li>
<!--
函数形式 props传参 需要用props接收  直接使用就可以了因为挂到vc上了
-->

  </ul>
</template>

<script>
export default {
  name: "Detail",
  props:['id','title','content'],
  mounted() {
    console.log("Detail",this)//查看query参数在那个API上
  }
}
</script>

<style scoped>

</style>